@each $breakpoint in map-keys($grid-breakpoints) {
  @each $key, $value in $font-size {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
      .#{$key}#{$infix} {
        font-size: $value !important;
      }
    }
  }
}

.text-base {
  font-weight: $font-weight-base;
  color: $body-color;
}
.font-family-roboto {
  font-family: $font-family-roboto;
}
.font-family-raleway {
  font-family: $font-family-raleway;  // 標題字
}
.text-letter-spacing-3 {
  letter-spacing: 3px;
}
.text-letter-spacing-2 {
  letter-spacing: 2px;
}
.text-letter-spacing-1 {
  letter-spacing: 1px;
}
.text-white-80 {
  color: rgba($white, .8) !important;
}
.line-height-1 {
  line-height: 1;
}